
/* MAIN
-------------------*/
.main_background 
{
	background-image: url('../media/background.png');
	background-repeat: repeat-x;
}



/* HISTORY
-----------------*/

/* Tree customization */
.treeview ul
{
	background-color: transparent;
}

.treeview li
{
	background: url("../media/treeview-default-line.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*background-position: 0 -176px;*/
}

.treeview li last
{
	background: url("../media/treeview-default-line.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-position: 0 -1766px;
}

.treeview a.selected
{
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	background-color: inherit;
}

.treeview .hitarea
{
	background: url("../media/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
}

.treeview .hitarea .collapsable-hitarea
{
	background: url("../media/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	background-position :0 center;
}

.treeview .expandable-hitarea
{
	background: url("../media/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	background-position: -80px -3px;
}

.treeview .hitarea .expandable-hitarea .lastExpandable-hitarea
{
	background: url("../media/treeview-default.gif") no-repeat scroll -64px -25px rgba(0, 0, 0, 0);
	background-position: -80px -3px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url("../media/treeview-default.gif");
}


.history_box .history_tree
{
	color: #FFF;
	background-color: transparent;
}

.history_box .history_tree .tree_group_tag
{
}

.history_box .history_tree .tree_group_tag:hover
{
	color: #FA0;
}

.history_box .history_tree a
{
	color: #FFF;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.history_box .history_tree a:hover
{
	color: #FA0;
}

/* TITLE
------------------------------*/
.title_box
{
	background-image: url('../media/title_996.png');
	background-repeat: no-repeat;
}

/* PRIZE
------------------------------*/
.prize_box
{
	/*background-image: url('../media/behind_prize.png');*/
	background-repeat: no-repeat;
	background-position: center;
}

.prize_image_box
{

}


/* PRIZE DESCRIPTION PANEL
------------------------------*/
.prize_description_panel .points_column
{
	background-image: url('../media/points_to_prize_box.png');
	background-repeat: no-repeat;
}

.prize_description_panel .info_column
{
	background-image: url('../media/prize_description_box.png');
	background-repeat: repeat-x;
}

.prize_description_panel .rightside_column
{
	background-image: url('../media/prize_description_rightside.png');
	background-repeat: no-repeat;
}


/* RANKING ITEM                 
---------------------------*/
.ranking_list .points_column
{
	background-image: url('../media/points_box.png');
	background-repeat: no-repeat;
}

.ranking_list .info_column
{
	background-image: url('../media/ranking_info_box.png');
	background-repeat: repeat-x;
}

.ranking_list .rightside_column
{
	background-image: url('../media/ranking_rightside.png');
	background-repeat: no-repeat;
}

.ranking_list .ranking_item.highlighted .points_column
{
	background-image: url('../media/points_box_highlighted.png');
	background-repeat: no-repeat;
}

.ranking_list .ranking_item.highlighted .info_column
{
	background-image: url('../media/ranking_info_box_highlighted.png');
	background-repeat: repeat-x;
}

.ranking_list .ranking_item.highlighted .rightside_column
{
	background-image: url('../media/ranking_rightside_highlighted.png');
	background-repeat: no-repeat;
}



/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 995px) 
{
	.title_box
	{
		background-image: url('../media/title_995.png');
	}
}

/* =============================================================================
   Less than 768px
   ========================================================================== */
   
@media only screen and (max-width: 767px) 
{
	.title_box
	{
		background-image: url('../media/title_767.png');
	}
	
	
	.history_box .history_tree .tree_group_tag
	{
		font-size: 16pt;
	}

	.history_box .history_tree a
	{
		font-size: 16pt;
	}

}


/* =============================================================================
   Less than 480px
   ========================================================================== */
@media only screen and (max-width: 479px) 
{
	.title_box
	{
		background-image: url('../media/title_479.png');
	}
	
	.history_box .history_tree .tree_group_tag
	{
		font-size: 12pt;
	}
	
	.history_box .history_tree a
	{
		font-size: 12pt;
	}
}